body {
  user-select: none;
  background: $bg_color;
}
img {
  -webkit-user-drag: none;
}
#root {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.app {
  min-height: 100vh;
  // display: flex;
  // flex-direction: column;
}

.w {
  max-width: $w_1000;
  margin: 0 auto;
  padding-bottom: 40px;
}

.bg_transparent {
  background-color: transparent;
}

.bg_ffffff {
  background-color: $color_fff;
}

.bg_f6f6f6 {
  background: $color_f6f6f6;
}

.bg-nomal {
  background-color: $color_3c9cfc;
}

.bg_1883C9 {
  background: #1883c9;
}

.bg-danger {
  background-color: #e22517;
}

.bg-warning {
  background-color: #ff8729;
}

.bg-success {
  background-color: #389e0d;
}

.bg_0A5FD2 {
  background-color: #0a5fd2;
}

.rounded_4 {
  border-radius: $size_4;
}

.bb_1_D7D8D9 {
  border-bottom: $size_1 solid #d7d8d9;
}

.bb_1_eee {
  border-bottom: $size_1 solid #eee;
}

.mr_5 {
  margin-right: $size_5;
}

.mr_8 {
  margin-right: $size_8;
}

.mr_10 {
  margin-right: $size_10;
}

.mt_16 {
  margin-top: $size_16;
}

.mr_12 {
  margin-right: $size_12;
}

.mt_10 {
  margin-top: $size_10;
}

.mt_6 {
  margin-top: $size_6;
}

.mt_8 {
  margin-top: $size_8;
}

.mt_12 {
  margin-top: $size_12;
}
.mt_14 {
  margin-top: $size_14;
}

.mt_5 {
  margin-top: $size_5;
}

.mb_10 {
  margin-bottom: $size_10;
}

.mb_12 {
  margin-bottom: $size_12;
}

.mb_20 {
  margin-bottom: $size_20;
}

.p_l_r_20 {
  padding-left: $size_20;
  padding-right: $size_20;
}

.p_l_r_12 {
  padding-left: $size_12;
  padding-right: $size_12;
}

.p_l_r_16 {
  padding-left: $size_16;
  padding-right: $size_16;
}

.p_l_r_40 {
  padding-left: 40px;
  padding-right: 40px;
}

.ml_5 {
  margin-left: $size_5;
}

.ml_6 {
  margin-left: $size_6;
}

.ml_8 {
  margin-left: $size_8;
}

.ml_10 {
  margin-left: $size_10;
}

.ml_12 {
  margin-left: $size_12;
}

.m_l_r_12 {
  margin-left: $size_12;
  margin-right: $size_12;
}

.m_l_r_16 {
  margin-left: $size_16;
  margin-right: $size_16;
}

.ml_20 {
  margin-left: 20px;
}

.mr_20 {
  margin-right: 20px;
}

.pt_12 {
  padding-top: 12px;
}

.pb_12 {
  padding-bottom: 12px;
}

.pr {
  position: relative;
}

.d_between_center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.d_around_center {
  display: flex;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
}

.d_column_center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.d_column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.d_center_center {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.d_flex {
  display: flex;
  box-sizing: borer_box;
}

.d_flex_vertical_center {
  align-items: center;
}

.d_flex_column {
  display: flex;
  flex-direction: column;
}

.align_items_center {
  align-items: center;
}

.fontsize_10 {
  font-size: 10px;
}

.fontsize_11 {
  font-size: 11px;
}

.fontsize_12 {
  font-size: 12px;
}

.fontsize_13 {
  font-size: 13px;
}

.fontsize_14 {
  font-size: 14px;
}

.fontsize_15 {
  font-size: 15px;
}

.fontsize_16 {
  font-size: 16px;
}

.fontsize_17 {
  font-size: 17px;
}

.fontsize_18 {
  font-size: 18px;
}
.fontsize_19 {
  font-size: 19px;
}

.fontsize_20 {
  font-size: 20px;
}

.fontsize_21 {
  font-size: 21px;
}

.fontsize_30 {
  font-size: 30px;
}

.color_0A5FD2 {
  color: #0a5fd2;
}

.color_0F9DE9 {
  color: #0F9DE9;
}

.color_1883C9 {
  color: #1883c9;
}

.color_447FF7 {
  color: #447ff7;
}

.color_1C3EEA {
  color: #1c3eea;
}

.color_D1D1D6 {
  color: #d1d1d6;
}

.color_333 {
  color: #333;
}

.color_999 {
  color: #999;
}

.color_ccc {
  color: #ccc;
}

.color_777 {
  color: #777;
}

.color_000 {
  color: #000;
}

.color_888888 {
  color: #888;
}

.text_center {
  text-align: center;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.color_ffffff {
  color: #fff;
}

.color_666 {
  color: #666666;
}

.color_EF8035 {
  color: #ef8035;
}

.color_07C160 {
  color: #07c160;
}

.color_2ACA45 {
  color: #2aca45;
}

.color_65AF52 {
  color: #65af52;
}

.color_E22517 {
  color: #e22517;
}

.color_C5F1FF {
  color: #c5f1ff;
}

.fw_600 {
  font-weight: 600;
}

.ff_Semibold {
  font-family: SFProText-Semibold;
}

.ff_M {
  font-family: PingFangSC-Medium;
}

.ff_R {
  font-family: PingFangSC-Regular;
}

.opacity_5 {
  opacity: 0.5;
}

.fw_400 {
  font-weight: 400;
}
.fw_500 {
  font-weight: 500;
}
.fw_600 {
  font-weight: 600;
}
.fw_700 {
  font-weight: 700;
}
.fw_800 {
  font-weight: 800;
}

/*隐藏字段*/

.overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.overflow_flex {
  display: -webkit-box;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

/*两排字  */

.overflow_scroll {
  display: -webkit-box;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.base-content-view {
  box-shadow: 0px 6px 16px 2px rgba(15, 78, 103, 0.03);
  border-radius: 8px;
}

.base-btn {
  background: #0a5fd2;
  border-radius: 2px;
}

::-webkit-scrollbar {
  display: none;
}
